<template>
  <div class="hello">
    <img src="../../assets/img/timg.jpg" alt=""><br/>
    <span>熊熊响应式后台管理</span><br/>
    <Input v-model="value2" class="use_n" icon="ios-person" placeholder="请输入用户名" style="width: 250px"></Input><br>
    <Input v-model="value1" class="pw" icon="locked" placeholder="请输入密码" style="width: 250px"></Input><br>
    <Button type="success" style="width: 250px">登录</Button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value2: "",
      value1: ""
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.hello {
  text-align: center;
  padding: 40px 0;
  img {
    width: 70px;
    height: 70px;
  }
  span {
    font-size: 24px;
    line-height: 40px;
  }
  .use_n {
    margin-bottom: 20px;
  }
  .pw {
    margin-bottom: 30px;
  }
}
</style>
